// 字体相关
@font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@font-size-base: 14px;
@line-height-base: 1.5715;

// 颜色系统
@primary-color: #1890ff;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #f5222d;
@info-color: #1890ff;

// 中性色
@white: #fff;
@black: #000;
@gray-1: #fafafa;
@gray-2: #f5f5f5;
@gray-3: #f0f0f0;
@gray-4: #d9d9d9;
@gray-5: #bfbfbf;
@gray-6: #8c8c8c;
@gray-7: #595959;
@gray-8: #434343;
@gray-9: #262626;
@gray-10: #1f1f1f;

// 文本颜色
@text-color: @gray-8;
@text-color-secondary: @gray-6;
@text-color-disabled: @gray-5;

// 背景色
@bg-color: @white;
@bg-color-container: @gray-1;
@bg-color-component: @gray-2;

// 边框和阴影
@border-color: @gray-4;
@border-radius-base: 6px;
@border-radius-sm: 4px;
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
@box-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.12);

// 间距
@spacing-xs: 4px;
@spacing-sm: 8px;
@spacing-md: 12px;
@spacing-lg: 16px;
@spacing-xl: 24px;

// 滚动条
@scrollbar-track-bg: @gray-2;
@scrollbar-thumb-bg: @gray-4;
@scrollbar-thumb-hover-bg: @gray-5;

// 定义 CSS 变量
:root {
  // 字体
  --font-family-base: @font-family-base;
  --font-size-base: @font-size-base;
  --line-height-base: @line-height-base;

  // 颜色
  --primary-color: @primary-color;
  --success-color: @success-color;
  --warning-color: @warning-color;
  --error-color: @error-color;
  --info-color: @info-color;

  // 文本
  --text-color: @text-color;
  --text-color-secondary: @text-color-secondary;
  --text-color-disabled: @text-color-disabled;

  // 背景
  --bg-color: @bg-color;
  --bg-color-container: @bg-color-container;
  --bg-color-component: @bg-color-component;

  // 边框
  --border-color: @border-color;
  --border-radius-base: @border-radius-base;
  --border-radius-sm: @border-radius-sm;

  // 滚动条
  --scrollbar-track-bg: @scrollbar-track-bg;
  --scrollbar-thumb-bg: @scrollbar-thumb-bg;
  --scrollbar-thumb-hover-bg: @scrollbar-thumb-hover-bg;
}